<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>字体弹框测试页面</title>
    <link rel="stylesheet" href="../list/list.css">
    <link rel="stylesheet" href="./dlg-font.css">
</head>
<script src='../../js/fontFamily.js'></script>
<script src='../../js/fontStyle.js'></script>
<script src='../../js/fontSize.js'></script>

<body>
    <input type="button" value="弹出对话框" id='popup'/>

    <!-- <div class="notepad-dig-font">
        <div class="dlalogbox">

            <div class="titlebar">
                <p class="title">字体</p>
                <span class="close-btn"> ✖ </span>
            </div>

            <div class="main">

                <div class="main-changestyle">

                    <div class="main-fontFamily">
                        <div>字体(F):</div>
                        <div class="change-area"></div>
                    </div>

                    <div class="main-fontFamily">
                        <div>字形(Y):</div>
                        <div class="change-area"></div>
                    </div>

                    <div class="main-fontFamily">
                        <div>大小(S):</div>
                        <div class="change-area"></div>
                    </div>

                </div>

                <div class="main-example">
                    <div class="example-text">示例</div>
                    <div class="example-area"></div>

                    <div class="example-text">脚本(R):</div>
                    <select id="language_select">
                        <option value="1">西欧语言</option>
                        <option value="2">希腊语</option>
                      </select>
                </div>

                <div class="main-fonts"><a>显示更多字体</a></div>

                <div class="main-button">
                    <input type="button" value="确定" class="btn-sure">
                    <input type="button" value="取消" class="btn-cancel">
                </div> -->



    <!-- <div class="main-left">
                    <label for="" class='search-text'>查找内容(N)：</label>
                    <input type="text" class="search-content" autofocus>
                    <br>
                    <label class="capital-sense"><input type="checkbox" value="capital-sense">区分大小写(C)</label>
                    <legend class="direction">方向</legend>
                    <label class="direction-up"><input type="radio" name="direction" value="up">向上(U)</label>
                    <label class="direction-down"><input type="radio" name="direction" value="down"
                            checked>向下(D)</label>
                </div>

              

                <div class="bottombar">
                    <label class='loop'><input type="checkbox" value="loop">循环(R)</label>
                </div> -->
    <!-- </div> -->
    <!-- </div> -->
    <!-- </div> -->

    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.js"></script>
    <script src='../list/list.js'></script>
    <script src="./dlg-font.js"></script>
    <script>
        $(function () {
            var $btnDlg = $('#popup');

            $btnDlg.click(function () {
            let dlgFont = new DlgFont()
            dlgFont.show({
                container: 'body',
                family: '微软雅黑',
                style: '粗斜体',
                size: '16',
                okHandler: function (e) {
                    console.log(e);
                }
            });

            })
        })
    </script>
</body>

</html>